<%-- 
    Document   : lancarViagem
    Created on : 07/04/2014, 20:19:55
    Author     : Drazzull
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link rel="stylesheet" type="text/css" href="Css/Estilo.css" media="all">
        <link href="Css/bootstrap.min.css" rel="stylesheet">
        <link href="Css/bootstrap-responsive.min.css" rel="stylesheet">
    </head>
    <body>
        <div id="container">
            <form action="AdicionarViagemServlet" method="POST" onsubmit="return validarCampos();">
                <label for='txtMarca'>Marca do Automóvel:</label>
                <div class="input-group">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                    <input maxlength=50 type="text" class="form-control" name="txtMarca" id="txtMarca" placeholder="Insira a marca do automóvel utilizado na viagem">
                </div>
                <br/>

                <label for='txtModelo'>Modelo do Automóvel:</label>
                <div class="input-group">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                    <input maxlength=50 type="text" class="form-control" name="txtModelo" id="txtModelo" placeholder="Insira o modelo do automóvel utilizado na viagem">
                </div>
                <br/>

                <label for='txtMedia'>Média do Carro:</label>
                <div class="input-group">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                    <input maxlength=50 type="text" class="form-control" name="txtMedia" id="txtMedia" onkeypress="return somenteNumeros(event);" placeholder="Insira a média do veículo na viagem">
                </div>
                <br/>	

                <label for='txtTempo'>Tempo: </label>
                <div class="input-group">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                    <input maxlength=50 type="text" class="form-control" name="txtTempo" id="txtTempo" onkeypress="return somenteNumeros(event);" placeholder="Insira o tempo da viagem em horas">
                </div>
                <br/>

                <label for='txtVelocidade'>Velocidade Média:</label>
                <div class="input-group">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                    <input maxlength=50 type="text" class="form-control" name="txtVelocidade" id="txtVelocidade" onkeypress="return somenteNumeros(event);" placeholder="Insira a velocidade média do veículo na viagem">
                </div>
                <br/>

                <label for='txtNome'>Nome do Motorista:</label>
                <div class="input-group">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                    <input maxlength=30 type="text" class="form-control" name="txtNome" id="txtNome" placeholder="Insira o nome do motorista responsável pela viagem">
                </div>
                <br/>

                <label for='txtData'>Data de Nascimento do Motorista:</label>
                <div class="input-group">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                    <input maxlength=30 type="date" class="form-control" name="txtData" id="txtData" placeholder="Insira a data de nascimento do motorista responsável pela viagem">
                </div>
                <br/>

                <br/>
                <label>&nbsp; </label>
                <input type="submit" class="btn btn-default" value="Salvar">
                <input type="submit" class="btn btn-default" ONCLICK="limparCampos();" value="Limpar">
            </form>
        </Div>

        <script src="js/jquery.min.js"></script>
        <script src="js/funcoes.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>
